<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../static/css/css.css" />
    <style>
        div{
            text-align: left;
           font-size: 36px;
        }
        .title{
            font-size: 28px;
            width: 35px;
            height: 35px;
        }
        body{
            background: wheat;
        }
        .btn{
            width: 200px;
            height: 50px;
            border-radius: 30%;
            font-size: 30px;
        }
    </style>
</head>
<body>
<form method="post" action="/result">
    <h2 style="color: red" th:text="${msg}"></h2>
    <div th:each="title:${titles}">

        <div th:text="${title.getDes()}"></div>
        <br>
        <input class="title" type="radio" th:name="${title.getId()}" value="A" th:text="${title.getA()}"><br>
        <input class="title"  type="radio" th:name="${title.getId()}"value="B" th:text="${title.getB()}"><br>
        <input class="title"  type="radio" th:name="${title.getId()}" value="C"th:text="${title.getC()}"><br>
        <input class="title"  type="radio" th:name="${title.getId()}"value="D" th:text="${title.getD()}"><br>

    </div>
        <input class="btn" type="submit" value="交卷">
</form>
</body>
</html>